<html>
    <head>
    <script language="javascript" src="scripts/closer.js"> </script>
    <script language="javascript" src="scripts/particles.js"> </script>
    <script language="javascript" src="scripts/game.js"> </script>
    <script language="javascript" src="scripts/entities.js"> </script>
    <script language="javascript" src="scripts/ui.js"> </script>
    </head>
    <body onLoad='LoadingDone();'>
    <center>
        <br><br>
        <img style="position:absolute;left:580px;top:220px;" src="imgs/Spinner.gif" id="gif_spinner"/>
        <audio id="snd_bgscore" preload loop=true><source src="music/Throu-calpomat-6232.wav"></audio>
        <audio id="snd_up" preload><source src="music/up.wav"></audio>
        <audio id="snd_down" preload><source src="music/down.wav"></audio>
        <canvas id="canv" style="background-color:#280b0b;visibility:hidden;" width=640 height=480>
        </canvas>
        <div id="mesg" 
            style="opacity:0.5;background-color:#cccccc;width:640px;height:50px;
            position:absolute;top:200px;visibility:hidden;" 
            align=center>
            Message Place
        </div>
        <div id="gmesg" 
            style="opacity:0.5;background-color:#cccccc;width:220px;height:30px;
            position:absolute;visibility:hidden" 
            align=center>
            New High Score
        </div>
 
<!--        <input type="button" id="button_pause" value="||" onClick='PauseButtonClicked();'
        style="width:30px;position:absolute;visibility:hidden;"> </input> -->
        <img id="btn_pause" style="position:absolute;visibility:hidden;" src="imgs/pause.png" onClick='PauseButtonClicked();'></img>
        <img id="snd_cntrl" style="position:absolute;visibility:hidden;" src="imgs/playing.png" onClick='sndCntrlClicked();'></img>
        <br> <br>
        <table style="border:1px solid #000000;">
        <tr><td align="center"><b>Instructions</b></td></tr>
        <tr><td>
        <ul>
            <li> Use mouse to move around </li>
            <li> Enemies,Powerups disintegrate slowly when in contact with the shield</li>
            <li> Move ship to the powerups to pick them up </li>
            <li> The ship disintegrates and looses powerup, if enemies are in contact </li>
        </ul>
        </td></tr>
        </table>
        <img src="imgs/hero.png" id="png_hero" style="visibility:hidden;"/>
        <img src="imgs/tris.png" id="png_tris" style="visibility:hidden;"/>
        <img src="imgs/hash.png" id="png_hash" style="visibility:hidden;"/>
        <img src="imgs/star.png" id="png_star" style="visibility:hidden;"/>
        <img src="imgs/spiral.png" id="png_spiral" style="visibility:hidden;"/>
        <img src="imgs/balls.png" id="png_balls" style="visibility:hidden;"/>
    </center>
    </body>
</html>
